/* reset */
html { height: 100%;}
body { min-height: 100%;}
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }

textarea { overflow: auto; resize: none }
::-webkit-input-placeholder{color:#666;}   
:-moz-placeholder{color:#666;}          
::-moz-placeholder{color:#666;}            
:-ms-input-placeholder{color:#666; opacity: 0.8;}        
.placeholder{color:#666;}
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal}
body, input, select, button, textarea {color:#2E2D2D; font-size: 14px;}
body { line-height: 1.5;}
a { color:#2E2D2D;text-decoration: none!important; transition:0.2s all; -webkit-transition:0.1s all;}
a { blr:expression(this.onFocus=this.blur())}
a * { *cursor: pointer }
:focus { outline: none }

img{max-width: 100%;}
/* 阿里图标 */
[class*='icon']{
    font-family: 'iconfont';
}
/*引用思源字体包*/
@font-face { 
    font-family: CN-Light;
    src: url('../font/SourceHanSansCN-Light.ttf') format('truetype'),url("../font/SourceHanSansCN-Light.eot") format("embedded-opentype");
}
@font-face { 
    font-family: CN-Medium;
    src: url('../font/SourceHanSansCN-Medium.ttf') format('truetype'),url("../font/SourceHanSansCN-Medium.eot") format("embedded-opentype");
} 
@font-face { 
    font-family: CN-Regular;
    src:url('../font/SourceHanSansCN-Regular.ttf') format('truetype'),url("../font/SourceHanSansCN-Regular.eot") format("embedded-opentype");
} 
@font-face { 
    font-family: CN-Normal;
    src:url('../font/SourceHanSansCN-Normal.ttf') format('truetype'),url("../font/SourceHanSansCN-Normal.eot") format("embedded-opentype");
} 

body, input, select, button, textarea{
    font-family: CN-Regular; font-size: 16px;
}

.edit_con_original{ line-height:1.7em; padding:0 0; color:#000000;}
.edit_con_original ul{ margin:inherit; padding:inherit; padding-left:2em;}
.edit_con_original ul li { list-style-type:disc; margin:auto; }
.edit_con_original ol{ margin:inherit; padding:inherit}
.edit_con_original ol li { list-style-type:decimal; margin:auto; }
.edit_con_original h1 { font-size: 2em; font-weight:bold }
.edit_con_original h2 { font-size: 1.5em; font-weight:bold }
.edit_con_original h3 { font-size: 1.17em; font-weight:bold }
.edit_con_original h4 { font-size: 1em; font-weight:bold }
.edit_con_original h5 { font-size: 0.83em; font-weight:bold }
.edit_con_original h6 { font-size: 0.67em; font-weight:bold }
.edit_con_original em { font-style: italic }
.edit_con_original cite{ font-style: italic }
.edit_con_original address{ font-style: italic }
.edit_con_original i { font-style: italic }
.edit_con_original table{ border-collapse: separate; border-spacing: 2px }
.edit_con_original img{ max-width:100%; height:auto;}
/*所有后台编辑器区域都要引用 edit_con_original 类名*/

/* clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }
.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }

/*去除鼠标双击选中效果*/
/**{-moz-user-select: none;-webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none;}*/

/*两端对齐*/
.justify { text-align:justify; text-justify:distribute-all-lines;}

/*图片经过*/
.tran_scale{ overflow:hidden; display:block;}
.tran_scale img{transition:0.5s all; -webkit-transition:0.5s all;}

/*截字*/
.ellipsis{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display: inline-block; max-width:100%;}
.clamp{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3; line-height: 1.5; max-height: 4.5em;overflow:hidden;}

/*上下居中*/
.v-m-c{ transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); position:absolute; left:0; top:50%;}

/*左右居中*/
.l-m-c{ transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0);position:absolute; left:50%; top:0;}

/*绝对居中*/
.a-m-c{ transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;}

/*背景*/
.bg-cover{background-size: cover; background-repeat: no-repeat; background-position: center center;}
.bg_layer{background: rgba(0,0,0,0.7); position: absolute; left:0; top:0; width: 100%; height: 100%; z-index: 10000;}
.bg-cover-ban{ background-size: 100% 100%;}

.ratio-img,.ratio-img img{width: 100%;}
*{box-sizing: border-box;}


.wrap{width: 1280px;margin:0 auto; }
.header .wrap{max-width: 94%;}
.main{overflow: hidden;}
.wrap{width: 1280px;margin:0 auto; }
@media only screen and (max-width: 1260px){
html,.wrap{max-width: 1280px;width: 1280px;}
.header .wrap{max-width: 94%;}


}
.header{width: 100%; z-index: 100;}
/*.scroll-header .header{position: fixed; left:0; top:0;}*/

.head_top{ height:30px; font-size: 12px; color:#6E6E6E; line-height: 30px; text-align: right; background: #F5F5F5;}
.head_top .welcome{margin-right:30px;}
.head_top .tel{margin-left:30px; color:#000000;}
.head_top .tel i{color:#000000; margin-right: 5px;}
.head_top a{ color:#6E6E6E;}
.head_top em{vertical-align:top; margin:0 5px;color:#B8B8B8;}
.head_mid{height:100px; padding:22px 0; background: #fff;}
.head_mid .logo{float: left; width:350px; margin:12px 0 0 0;}
.head_mid .logo img{width:160px; height:40px;}
.head_mid .logo span{margin-left: 20px;}
.head_mid .search{ float: left; width:415px; margin-left:130px;}
.head_mid .sear-box{ width:100%; height: 32px; margin-bottom: 5px; border:1px solid #C2C2C2}
.head_mid .ser_txt{ float: left; width:calc(100% - 42px);height: 30px; line-height: 30px; padding:0 15px; border:none;}
.head_mid .ser_btn{ float: right; width:42px; margin:5px 0; height: 22px; line-height: 22px; border:none; border-left:1px solid #C2C2C2; background: none;}
.head_mid .ser_btn i{color:#000; font-size: 18px;}
.head_mid .sear-hot{font-size: 13px; color:#000;}
.head_mid .sear-hot a{color:#777777;}
.head_mid .sear-hot em{margin:0 8px; color:#CACACA;}
.head_mid .img{ float: right;}
.head_bot{ height:50px; line-height: 50px; color:#fff; background: #F7DE0E;}
.head_bot .myhome{ float: left; width:295px; background: #312F2C; position: relative; z-index:2;}
.head_bot .myhome dt{padding:0 40px; cursor: pointer;}
.head_bot .myhome dt span{ float: left;}
.head_bot .myhome dt i{ float: right; font-size: 24px;}
.head_bot .myhome dd{ display: none; position: absolute; left:0; top:50px; width:100%; padding:0 15px;background:rgba(255,227,0,0.9);}
.head_bot .myhome dd li{border-bottom:1px solid #D6C00B; padding:25px 20px 25px 25px; line-height: 22px;}
.head_bot .myhome dd li>a{ display: block; overflow: hidden;}
.head_bot .myhome dd li em{ float: left; width:20px; height: 20px; margin-right:15px;}
.head_bot .myhome dd li span{ float: left; font-size: 16px; color:#000;}
.head_bot .myhome dd li i{ float:right; color:#A99600; font-size:30px;}

/*导航*/
.nav{ float: right; width:calc(100% - 300px); height:50px;}
.nav ul{ text-align: right;}
.nav ul>li{display:inline-block; margin-left:42px; position: relative; }
.nav ul>li>a{display: block;color:#000;height: 50px; line-height: 50px; position: relative;}
.nav ul>li>a>em{position: absolute;left: 50%;bottom: 0; width:0%;height: 3px;background: #e3254c;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.nav ul>li.on>a{color:#D6000E;}
.nav ul>li.on>a>em{position: absolute;left:0%;bottom: 0; width:100%;height: 3px;background: #e3254c;}
/*导航下拉*/
.navlist{display:none; position: absolute; left:50%; top:50px; z-index: 2; margin-left:-55px; width:110px;background:rgba(255,255,255,0.75); /*box-shadow: 0 3px 3px 1px rgba(0,0,0,0.2);*/ z-index:9;}
.navlist dl{padding: 10px;}
.navlist dl dd{ line-height: 30px; font-size: 14px; text-align: center;}

/*公共底部*/
.footer{background:url(../images/footerbg.jpg) right bottom no-repeat #332C2B; color:#858282;}
.foot_top{ padding:2% 0;}
.ft_t{margin-bottom: 30px;}
.ft_t span{cursor: pointer; color:#fff; margin-right: 20px; border-bottom:2px solid transparent; padding-bottom: 5px;}
.ft_t span.on{border-bottom:2px solid #fff;}
.ul_link{margin:0 0 100px;}
.ul_link li{ float: left; margin-right: 25px;}
.ul_link li a{color:#858282;}

.foot_bot .p1,.foot_bot .p2{padding: 18px 0; border-bottom:1px solid #5B5555;}
.foot_bot .p1 a{color:#808080;margin-right: 25px;}
.foot_bot .p2{ text-align: center;}
.foot_bot .p2 a{color:#fff; margin:0 20px;}
.foot_bot .p2 a i{font-size: 28px;}
.foot_bot .p3{ text-align: left; padding:15px 0;}
.foot_bot .p3 a{color:#808080;margin-right: 10px;}
.foot_bot span.cop{color:#808080;}
.foot_bot span.cop a{color:#808080;margin-left:10px; margin-right: 0;}
.foot_bot span.cop a.xhr{opacity:1;}

@media only screen and (min-width: 1025px){
.yes_tran,a,.head_bot .myhome dd li span,.head_bot .myhome dd li i{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
.no_tran{transition: 0s all;-webkit-transition: 0s all;-moz-transition: 0s all;-o-transition: 0s all;-ms-transition: 0s all;}
a:hover{color: #D61615!important;}
.tran_scale:hover img{transform:scale(1.05,1.05) rotate(0deg); -webkit-transform:scale(1.05,1.05) rotate(0deg);}
.head_bot .myhome dd li>a:hover span,.head_bot .myhome dd li>a:hover i{color:#D6000E;}
.nav ul>li:hover>a{color:#D61615!important;}
.nav ul>li:hover>a>em{position: absolute;left:0%;bottom: 0; width:100%;height: 3px;background: #e3254c;}
}


@media only screen and (max-width: 1350px){
   
    .nav{ width: calc(100% - 310px);}
    .nav ul>li{margin-left:34px;}
}

@media only screen and (max-width: 1279px){
    .head_mid .search{margin-left:30px;}
    .head_bot .myhome{width:205px;}
    .nav{width:calc(100% - 210px);}
    .nav ul>li{margin-left:28px;}
}


/*侧边*/
.sidebar{display: none;transition: all 0.5s;position: fixed; z-index:101; right:20px; top:50%; margin-top:-257px; width:95px; height: 514px; background: #332C2B;}
.sidebar .sidebar-open{display:block;position: absolute;width: 20px;height: 30px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;left: -20px;top:0px;background:#FFE300 url('../images/dot22.png') no-repeat center center;background-size: 50%;visibility: hidden;opacity: 0;transition: all 0.3s;cursor: pointer;}
.sidebar ul{height: 440px;padding:15px 0; clear: both;}
.sidebar li{padding:20px 30px 0; position: relative;}
.sidebar li>a{display: block; color:#fff;}
.sidebar li em{ display: block;width:34px; height: 36px; margin-bottom: 5px;}
.sidebar li span{display: block;text-align: center; padding-bottom:15px; border-bottom:1px solid #5C5655;}
.sidebar li:last-child span{border-bottom: none;}
.sidebar li .code{ display: none; position: absolute; left:-120px; top:11px; text-align: center; width:120px; height:120px; overflow: hidden; background: #fff;}
.sidebar li .code img{width:95px; height:95px; margin:12px auto;}
.sidebar li:hover .code{ display: block;}
.sidebar li a img{width: 34px; height: 36px;margin: auto;vertical-align: middle;}
.sidebar .sidebar-close{position: absolute; right:0; top:-25px; width: 25px;height: 25px;background: url('../images/dot21.png') no-repeat center center;text-align: center;color: #fff;cursor: pointer;}
.sidebar.off{right:-95px;}
.sidebar.off .sidebar-open{visibility: visible;opacity: 1;}
.sidebar .back_top{ width:100%; height:74px; line-height: 74px; text-align: center; background: #FFE300;}
.sidebar .back_top i{font-size:40px;color:#332C2B;}

/*weixin-box*/
.weixin-box{ position:fixed; font-family: "寰蒋闆呴粦"; width:260px; height:240px; z-index:100000; left:50%; top:50%; margin:-120px 0 0 -150px; background:#fff; border:1px solid #ddd; border-radius:4px; box-shadow:2px 2px 2px #ddd;}
.weixin-box .c{ position:absolute; width:30px; height:30px; right:0; top:0; font-size:20px; font-style:normal; text-align:center; cursor:pointer; z-index:2;}
.weixin-box h2{ position:relative; line-height:30px; font-size:16px; padding-left:10px;}
.weixin-box .img{ padding:20px 10px; text-align:center; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
.weixin-box .img img{ width:115px; height:115px;}
.weixin-box p{ padding:15px 10px 0; text-align: center;}
/*weixin-box*/

/*首页弹出层*/
.lay-bg{position: fixed; left:0; top:0; z-index: 1000; width:100%; height: 100%; background: rgba(0,0,0,0.8);}
.tc-box{position: fixed; left:50%; top:50%; z-index: 1001;}
.tbox01{ width:1160px; height: 397px; margin:-198px 0 0 -580px;}
.tbox01 a.close{ display: block; position: absolute; right:-10px; top:60px; width:48px; height: 48px; background: url(../images/dot15.png) no-repeat; background-size: cover;}
.tbox01 h2{ position: absolute; left:505px; top:175px;}
.tbox01 .btn-box{ position: absolute; left:505px; top:308px;}
.tbox01 .btn-box .btn{ float: left; width:140px; height: 34px; line-height: 34px;color:#2C2C2C; text-align: center; border-radius: 20px;}
.tbox01 .btn-box .btn01{ background: #ECECEC; margin-right: 10px;}
.tbox01 .btn-box .btn02{background: #FFE300;}

/*首页右下角浮层*/
.show_bot{ cursor: pointer; position: fixed; z-index: 200; right:10px; bottom:20px; width:130px; height: 330px;}
.show_bot{width:130px; height: 330px;}
.bot_cons{ display: none; position: fixed; z-index: 201; left:0;bottom:-170px; width:100%; height: 110px; background: #FEE417;}
.bot_cons .wrap{position: relative;}
.bot_cons a.close{display: block; position: absolute; right:0px; top:-24px; width:48px; height: 48px; background: url(../images/dot15.png) no-repeat; background-size: cover;}
.bot_cons .ll{ width:550px; position: absolute; left:0; top:-60px;}
.bot_cons .ll img{width:100%;}
.bot_cons .rr{ float: right; width:640px; margin-top:34px;}
.bot_cons .rr li{ float: left;}
.bot_cons .rr li .inp{ width:120px; height: 42px; line-height: 42px; position: relative; text-align: center; border:1px solid #5F3909; margin-right:10px;}
.bot_cons .rr li .inp input{width:100%; text-align: center; height: 42px; line-height: 42px; color:#000; border:none; background: none;}
.bot_cons .rr li .inp input::placeholder{color:#000;}
.bot_cons .rr li .pub_select,.bot_cons .rr li .pub_select+.pub_select{ position: relative; float: left;}
.bot_cons .rr li .pub_select .inp{ text-align: left;}
.bot_cons .rr li .pub_select .inp input{cursor: pointer; width:calc(100% - 20px); padding:0 0 0 10px; text-align: left;}
.bot_cons .rr li .inp i{position: absolute; right:0px; top:0px; font-size: 24px; color:#5F3909;}
.bot_cons .rr li .inp .option{border-top: none;display: none;position: absolute;width: 100%;background: #efefef;bottom: 42px;left: 0;z-index: 99999;max-height: 154px;overflow: auto;padding: 10px 0 0;}
.bot_cons .rr li .inp .option li{margin-bottom: 0;width: auto;float: none;padding: 0 10px 10px;line-height: 20px;cursor: pointer;}
.bot_cons .rr li .inp .option li:hover{color:#D80304;}
.bot_cons .rr li .btn{width:120px; height: 42px; line-height: 42px; text-align: center; color:#fff; border:none; background: #D61417;}

@media only screen and (max-width: 1279px){
    .tbox01{width:1000px; margin-left:-500px;}
    .tbox01 h2{left:435px; top:155px;}
    .tbox01 .btn-box{left:435px; top:265px;}
    .tbox01 a.close{top:48px;width:30px; height: 30px;}
    .bot_cons{height:70px;}
    .bot_cons .ll{width:300px; top:-23px;}
    .bot_cons .rr{margin-top:16px;}
    .bot_cons a.close{top:-16px; width:30px; height: 30px;}
    .show_bot,.show_bot img{width:80px; height: 203px;}
}





/*分页*/
.page {vertical-align:middle;text-align:center; margin-top:20px; font-size: 14px; height:46px; line-height:46px;}
.page .inner{ display: inline-block; }
.page a{text-align:center; width:46px; height:46px;margin: 0 2px;}
.page i{float: left;margin: 0 5px;}
.page a.num{float: left;border:1px solid #e7e7e7;font-family:Arial; background:#fff;color:#9a9a9a;}
.page a.on{background:#ffe300;color:#000;border:1px solid #ffe300;}

.page a.prev,.page a.next{float: left; width:46px; border:1px solid #e7e7e7;margin:0 18px; background:#fff; }
.page a.prev{background: url(../images/page_left.png) no-repeat center center;}
.page a.next{background: url(../images/page_right.png) no-repeat center center;}


.page a.prev.disable,.page a.next.disable{ cursor: default;}
.p_i{ display: inline-block; position: relative;width:46px;height:46px; line-height:46px; margin:0 5px; padding:0 2px;background:#fff; border:1px solid #e7e7e7;}
.page input.txtnum{  width:100%; height:100%; text-align: center; border:none; background: none; font-family:Arial;}
.page a.go{ display: inline-block;width: 40px; height: 46px; line-height: 46px; position: relative; top:-1px; font-size: 16px; background:#E5252D;color:#fff!important; text-align: center; font-family:"arial";}
.p_tot{ font-family: Arial, Helvetica, sans-serif;}

/*分页 end*/

/*内页banner*/
.inbanner{ position: relative; color:#fff;}
.inbanner img{ width:100%;}
.inbanner h2 em{ display: block; width:55px; margin-top:10px; height: 1px; background: #fff;}
/*内页banner end*/
.comm_tit{color:#000000;}
.comm_tit span{margin-bottom: 20px; display: block; }
.comm_tit span i{display: inline-block;width: 90px; height: 1px; background: #000;vertical-align: middle;margin-right: 10px;}
.comm_tit span em{text-transform:uppercase;}
.comm_tit h1{font-weight: bold;margin-bottom: 30px;word-wrap: break-word;line-height: 1em;text-transform:uppercase}
.comm_tit h2{margin-bottom: 5px;}



.banner .txt span{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.banner .txt span:hover{background: #ffe300;border: 1px solid #ffe300;color: #000 !important;}
/*toubu*/

.height_height{height: 180px;}
.header{ position: fixed;left:0;top:0;width: 100%;}
.header,.height_height {
  transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

.scroll-header .header,
.scroll-header .height_height {
  -webkit-transform: translateY(-130px);
  -moz-transform: translateY(-130px);
  -o-transform: translateY(-130px);
  -ms-transform: translateY(-130px);
}

.edit_header02 .header {
 
  visibility: visible;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

.edit_header02 .height_height {
  visibility: visible;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}
/*预约量尺弹层*/
body.nocsoll{overflow: hidden;height: 100%;}
.appoint_blakn60{position: fixed;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);display: none;    z-index: 1000;}
.appoint_ruler{position: fixed; z-index: 10001;background: #fff;width: 600px;height: 130px;left: 50%;top:50%;margin-left: -300px;margin-top: -65px;padding: 20px 40px 12px 30px;display: none;}
.appoint_ruler>ul{margin: 0 -5px;}
.appoint_ruler .form_w{padding: 0 5px;}
.appoint_ruler>ul>li{float: left;width: 50%;*margin-left: -1px;margin-bottom: 10px;}

.pub_city input,.pub_city button{border: none;outline: none;background:none;width: 100%;height: 36px;line-height: 36px;border:1px solid #e2e2e2;box-sizing:border-box;padding: 0 14px;}
.pub_city .pub_select{width: 50%;float: left;*margin-left: -1px;}
.pub_city .pub_select .select{margin: 0 5px;position: relative;}
.pub_city .pub_select .select input{position: relative;z-index: 2;cursor: pointer;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pub_city li.selects .form_w{margin: 0 -5px;}
.pub_city .pub_select .select i{position: absolute;right:10px;top:0;height: 36px;line-height: 36px;}
.pub_city .pub_select .select i.icon-xiajiantou{font-size: 30px;}
.pub_city .btn_ruler{border: 1px solid #ffe518;background: #ffe518;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.pub_city .btn_ruler:hover{opacity:0.8;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8;}
.pub_city .option{background: #342c2a;color: #959595;padding: 5px 0;  max-height: 180px;overflow: auto;display: none;position: absolute;left: 0;top: 100%;width: 100%;z-index: 9;}
.pub_city .option li{float: none;width: 100%;cursor: pointer;line-height: 34px;    padding: 0 14px;box-sizing:border-box;}
.pub_city .option li:hover{background: #47403e;}
.appoint_close{position: absolute;top:-35px;right: 0;color: #fff;    font-size: 16px; width:30px;height:30px; line-height:30px; background:rgba(0,0,0,0.3);border-radius:50%;text-align:center;cursor:pointer}
.appoint_close:hover{background:rgba(0,0,0,0.4);}









